body {background: #f5f5f5; letter-spacing: 2px;}
.content {
  position: relative;
  width: 100%;
  height: 100%;
}
.offical-notice {
  display: block;
  width: 48px;
  height: 48px;
  background: url(../../img/logo/offical_notice.svg) no-repeat;
  margin-right: 15px;
}
.interact-notice {
  display: block;
  width: 48px;
  height: 48px;
  background: url(../../img/logo/interact_notice.svg) no-repeat;
  margin-right: 15px;
}

.fullscreen {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; display: none;}
.fl {float: left;}
.text-12px {font-size: 12px;}
.text-14px {font-size: 14px;}
.text-16px {font-size: 16px;}

/* message list */
a.message {
  display: block;
  text-decoration: none;
  color: #000;
  width: 100%;
  padding: 10px 15px;
  background: #ffffff;
  margin-bottom: 5px;
  overflow: hidden;
}
.message-body {width: 60%;}
.message-content {color: #838383; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.message-body>p {margin: 0;}
.time {position: absolute; top: 15px; right: 15px; color: #CAC5C5}

/* message details */
.message-detail {
  margin: 20px 15px;
}
.message-detail-time {
  width: 130px;
  height: 16px;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  background: #CFCDCD;
}
.message-detail-body {
  margin-top: 15px;
  padding: 15px;
  border-radius: 5px;
  background: #eee;
}